body{
    background-color:rgb(250,250,251)
}
#tool {
    float:left;
    background-color:rgb(31,187,125);height:680px; width:100%;
    border-style:solid; border-width:1px; border-color:#000; border-radius: 10px; padding-top:30px;
    text-align:center; font-weight:bold;
    }
#top {
    float:right;
    background-color:rgb(31,187,125);height:50px; width:100%;
    border-style:solid; border-width:1px; border-radius: 10px; border-color:#000;
     }
#top_left{
    display: inline-block;
    height:50px; width:49%; margin-right:38%;
}
#top_right{
    display: inline-block;
    height:50px; width:50%;
}
#bottom{
    float:right;
    background-color:rgb(31,187,125);height:45px; width:93%; padding-left:6.9%;
    border-style:solid; border-width:1px; border-radius: 10px; border-color:#000;
}
#user_home{
    float:right;
    background-color:rgba(255,255,255,1);height:550px; width:50%; margin-top:35px; margin-bottom:40px;margin-right:25%; padding-bottom:35px;
    border-style:solid; border-width:1px; border-color:rgb(246,246,246);
}
#canvas{
    background: rgba(31,187,125,0.2);
}
#user_form{
    padding-bottom:10px; padding-top:10px;
}
#fruit_transport{
    float:right; overflow-y:scroll; scrollbar-color: rgb(31,187,125) rgba(51,51,51,0.1); scrollbar-width: thin;
    background-color:rgba(255,255,255,1);height:650px; width:99.8%; margin-top:9px;
    border-style:solid; border-width:2px; border-color:rgb(241,241,241);
}
#fruit_tomorrow{
    float:right;
    background-color:rgba(255,255,255,1);height:650px; width:99.8%; margin-top:9px;
    border-style:solid; border-width:2px; border-color:rgb(241,241,241);
}
#statistics{
    float:right;
    background-color:rgba(255,255,255,1);height:650px; width:99.8%; margin-top:9px;
    border-style:solid; border-width:2px; border-color:rgb(241,241,241);
}
#inform{
    position: absolute;
    top: 70px;left:98px;
    background: rgba(255,255,255,1);
    width: 12%;
    height: 650px;
    border-style:solid; border-width:2px; border-color:rgb(241,241,241); border-radius:5px;
    overflow-y:scroll; scrollbar-color: rgb(31,187,125) rgb(255,255,255); scrollbar-width: thin;
}
#relation{
    float:right;
    background-color:rgba(255,255,255,1);height:650px; width:99.8%; margin-top:9px;
    border-style:solid; border-width:2px; border-color:rgb(241,241,241);
    overflow-x:scroll; scrollbar-color: rgb(31,187,125) rgba(51,51,51,0.1); scrollbar-width: thin;
}
#point_set{
    display:none; overflow-y:scroll; scrollbar-color: rgb(31,187,125) rgb(255,255,255); scrollbar-width: thin;
    background-color:rgba(255,255,255,1);height:645px; width:26%;
    border-style:solid; border-width:2px; border-color:rgb(241,241,241);
}
#div_change_fruit{
    display:inline-block; height:645px; width:100%;
}



.tool_item{
    position:relative; display: inline-block; margin:0px 0px 50px 0px;
    margin_bottom: 500px;
}
.tool_item:hover{
    font-weight:normal;
}
.top_img{
    height:30px; margin-top:11px; margin-right:50px;
}
.top_img:hover{
    height:35px;
}
.user_item{
   position:relative;
   margin-bottom: 24px; margin-top: 24px; padding:10px;
   border-style:solid; border-width:2px; border-color:rgb(241,241,241);
}
.user_item_input{
   display:block; width: 500px; height: 30px;
   border-style:solid; border-width:2px; border-radius:5px;
}
.graph_input{
   position:absolute; top:16px; width: 500px; height: 30px; background:rgba(255,255,255,0.2);
   border-style:solid; border-width:2px; border-radius:15px; border-color:rgba(255,255,255,0.2);
   padding-right:20px;padding-left:20px;
}
.select_item{
   width: 100px;height: 25px;
   text-align:center; background-color:rgb(255,255,255);
   border-style:solid; border-width:1px; border-radius: 5px;border-color:rgb(241,241,241);
}
.transport_item{
   position:relative;
   margin-bottom: 0px; margin-top: 10px; padding:10px; padding-right:0px;
   border-style:solid; border-width:2px; border-color:rgb(241,241,241);
}
.into_input{
    margin-bottom:10px;
}
.transport_item:hover{
   background-color: rgba(241,241,241,0.2);
}
.transport_item_input{
   width: 250px; height: 15px; margin-top:10px; disable;
   border-style:solid; border-width:2px; border-radius:5px; border-color:rgb(241,241,241);
   text-align:center;
}
.transport_item_img{
   width: 95%;
}
.button{
    background-color:rgba(255,255,255,1);height:30px; width:55px;
    border-style:solid; border-width:2px; border-radius: 5px; border-color:rgb(246,246,246);
}
.button:hover{
    background-color:rgb(246,246,246);
}
.scroll::-webkit-scrollbar {
    width:8px;
    height:8px;
}
.scroll::-webkit-scrollbar-thumb {
    border-radius:100px;
    background:rgb(31,187,125);
}
.scroll::-webkit-scrollbar-track {
    background:rgb(255,255,255);
    border-radius:100px;
}
.point_one{
    margin-top:10px;
    background-color:rgba(255,255,255,1);width:99%;
    border-style:solid; border-width:0px; border-color:rgb(241,241,241);
}
.point_one:hover{
    background-color:rgba(241,241,241,0.2);
    border-style:solid; border-width:1px; border-color:rgb(200,200,200);
}
.point_one_input{
   width: 100px; height: 15px; margin-top:10px; margin-bottom:10px;
   border-style:solid; border-width:2px; border-radius:5px; border-color:rgb(241,241,241);
   text-align:center;
}
.into_file{
   display:block; width: 483px; height: 30px;padding:10px; padding-bottom:0px; background-color:rgba(255,255,255,1);
   border-style:solid; border-width:2px; border-radius:5px; border-color:rgb(241,241,241);
}
.into_file:hover{
    background-color:rgb(246,246,246);
}
.statistics_item{
    padding:0px;margin：0px;
}
.statistics_item::marker{
   color:rgb(31,187,125);font-size:1.5em;
}
.statistics_item:hover{
    background-color:rgb(246,246,246);border-radius:5px;
}